<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>搜索</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--矢量图标样式-->
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
		<!--weui样式-->
		<link rel="stylesheet" type="text/css" href="../common_css/weui.css" />
		<!--html,body,通用头部样式-->
		<link rel="stylesheet" type="text/css" href="../common_css/common.css" />
		<script src="../common_js/common_font.js"></script>
		
		<!--自己的样式-->
		<style type="text/css">
			#about_us_main {
				max-width: 100%;
				min-width: 3.2rem;
				height: 100%;
				background-color: #F7F7F7;
				font-size: 0.16rem;
			}
			/*头部箭头*/
			
			.all_top {
				text-align: center;
				height: 0.44rem;
				line-height: 0.44rem;
				background-color: #1E5390;
				font-family: " PingFangSC-Regular";
				font-size: 0.18rem;
				color: #FFFFFF;
				letter-spacing: 0.86px;
			}
			/*关于我们*/
			
			.all_top span {
				/*margin-left: -10px;*/
				color: #FFFFFF;
			}
			/*箭头*/
			
			.icon-myback {
				color: #FFFFFF;
				font-size: 0.25rem;
				float: left;
			}
			/*身体部分*/
			
			#self_choose_search {
				width: 100%;
				/*border: 1px solid;*/
				margin-top: 0.44rem;
			}
			/*搜索框*/
			
			#search_case {
				width: 100%;
				height: 0.47rem;
				border: 1px solid #FFFFFF;
				background-color: #FFFFFF;
				/*background-color: red;*/
			}
			
			#search_case_div {
				width: 75%;
				height: 0.31rem;
				/*border: 1px solid blue;*/
				margin: auto;
				margin-top: 0.08rem;
				background: rgba(107, 107, 107, 0.05);
				display: -webkit-box;
				/*表示盒子中的内容为水平排列*/
				-webkit-box-orient: horizontal;
			}
			/*放大镜的样式*/
			
			#search_case_glass {
				width: 0.37rem;
				height: 0.31rem;
				line-height: 0.31rem;
				/*border: 1px solid red;*/
				background: rgba(107, 107, 107, 0.05);
				display: -webkit-box;
			}
			
			#search_case_glass img {
				width: 0.17rem;
				height: 0.17rem;
				margin-left:0.08rem;
				/*border: 1px solid red;*/
				margin-top:0.07rem;
			}
			/*里边input的样式*/
			
			#search_case_input {
				display: -webkit-box;
				-webkit-box-flex: 1;
				/*border: 1px solid green;*/
				background-color: #F1F1F1;
			}
			
			#search_case_input input {
				width: 100%;
				height: 0.3rem;
				line-height: 0.3rem;
				border: none;
				outline: none;
				color: rgba(50, 50, 50, 0.20);
				background-color: #F1F1F1;
				font-family:" PingFangSC-Regular";
				font-size:0.12rem;
				color: rgba(50, 50, 50, 0.20);
				letter-spacing: 0.86px;
			}
			/*小错号 的样式*/
			
			#search_case_error {
				width: 0.23rem;
				height: 0.31rem;
				line-height: 0.31rem;
				text-align: left;
				/*border: 1px solid red;*/
				background: rgba(107, 107, 107, 0.05);
				display: -webkit-box;
			}
			
			#search_case_error img {
				width:0.11rem;
				height:0.11rem;
				display: none;
			}
		</style>
	</head>

	<body>
		<!--总体div-->
		<div id="about_us_main">
			<!--通用头部-->
			<div class="all_top">
				<a href="javascript:;"><i class="iconfont icon-back icon-myback" v-on:click="myback"></i></a><span>搜索</span>
			</div>
			<div id="self_choose_search">
				<div id="search_case">
					<div id="search_case_div">
						<div id="search_case_glass"><img src="img/搜索@2x.png" /></div>
						<div id="search_case_input"><input type="text" value="搜索发行人/代码" autofocus="autofocus" /></div>
						<div id="search_case_error"><img src="img/关闭@2x.png" /></div>
					</div>
				</div>
			</div>
		</div>
		<!--总体div结束-->
		<script src="../common_js/jquery-1.11.0.min.js"></script>
		<script src="../common_js/vue.js"></script>
		<script type="text/javascript">
			var myvue = new Vue({
				el: "body",
				data: {

				},
				methods: {
					myback: function() {
						history.go(-1);
						console.log(222);
					}
				}
			});
			//			点击搜索发行人的效果
			$("#search_case_input input").on("click", function() {
				$(this).val("");
				$("#search_case_error img").show();
			});
			$("#search_case_error").on("click", function() {
				$("#search_case_input input").val("");
			});
		</script>
	</body>

</html>